<template>
  <div class="hd">
    <img
      class="logo"
      src="../../assets/images/logo.png"
      @click="gotoMainPage"
    >
  </div>
</template>

<script>
export default {
  methods: {
    gotoMainPage() {
      window.location.href = 'https://www.iguokao.com'
    }
  }
}
</script>

<style lang="scss" scoped>
@import '@/styles/variables.scss';

.hd {
  padding: 10px 50px;
  width: 100%;
  height: 65px;
  background: white;
  .logo {
    cursor: pointer;
    width: 200px;
  }
}
@media screen and (max-width: 960px) {
  .hd {
    height: 45px;
    padding: 20px 30px;
    .logo {
      width: 150px;
    }
  }
}
</style>
